<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/cart.css" />
		<link rel="stylesheet" type="text/css" href="/font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="/css/style.css" />
		<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
	</head>

	<body>

		<header></header>

		<h1>
			<i class="iconfont icon-daohanggouwuche"></i>
			购物车
		</h1>

		<!--购物车主体-->
		<div class="cart_body">
			<!--当购物车为空时-->
			<!--<div class="cart_empty">
				<i class="iconfont icon-iconset0318"></i>
				<p>
					<b>您的购物车里还没有商品</b>，您可以：<br /> 将
					<a href="">收藏夹</a>中的商品添加进来，或者去看看
					<a href="">商城 »</a>
				</p>
			</div>-->

			<div id="cart_steps" class="steps">
				<table width="100%">
					<tbody>
						<tr>
							<td class="step-item step-1 active"><span>购物车</span></td>
							<td class="step-item step-2"><span>填写和提交订单信息</span></td>
							<td class="step-item step-3"><span>成功提交订单</span></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!--购物车内容-->
			<div class="container">
				<table id="cart_main" class="cart-main" width="100%" cellpadding="0" cellspacing="0">
					<colgroup>
						<col class="col-1">
						<col class="col-2">
						<col class="col-3">
						<col class="col-4">
						<col class="col-5">
						<col class="col-6">
					</colgroup>
					<thead>
						<tr>
							<th colspan="2">商品</th>
							<th>销售价</th>
							<th>数量</th>
							<th>小计</th>
							<th>操作</th>
						</tr>
					</thead>
					<!-- 购物车条目 -->

					<tbody class="cart-item"></tbody>

					<tfoot>
						<tr>
							<td colspan="4">
								<!-- 订单获得的优惠促销 -->
								<div class="order-promotion" id="order_promotion" style="display:none;">
									<h3><a href="javascript:void(0);" class="btn-collapse action-toggle">-</a>订单优惠</h3>
									<ul class="content">
									</ul>
								</div>
								<!-- 未享受到的优惠促销 -->
							</td>
							<!-- 订单价格 -->
							<td colspan="4" class="order-price" id="order_price">
								<ul>
									<li class="goods">
										<span class="label"><em>商品总金额：</em></span>
										<span class="price" id="total_price" style="font-weight: bold;">￥133.00</span>
									</li>
									<li class="discount">
										<span class="label"><em>订单优惠金额：</em></span>
										<span class="price"><b>￥0.00</b></span>
									</li>
								</ul>
							</td>
						</tr>
						<tr>
							<!-- 按钮 -->
							<td colspan="4" class="cart-left">
								<button type="button" class="btn btn-flat action-clean">
									<span><span>清空购物车</span></span>
								</button>
								<button type="button" class="btn btn-caution action-fororder">
									<span><span>凑单商品</span></span>
								</button>
							</td>
							<td colspan="4" class="cart-right">
								<a href="/html/list.html" class="btn-link">继续购物</a>
								<a href="/html/confirm.html">
									<button type="submit" class="btn btn-import btn-huge action-settle" rel="_request">
										<span>下单结算<i class="iconfont icon-shixiangzuojiantou--copy"></i></span>
									</button>
								</a>
							</td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>

		<footer></footer>

		<script type="text/html" id="cart_tr">
			{{each products ls}}
			<!--<input type="checkbox" class="ck_btn" />-->
			<tr class="cart-product last">
				<td>
					<input type="hidden" class="id" value="{{ls.id}}">
					<div class="p-pic">
						<a href="/product-748" target="_blank">
							<img src="{{ls.img}}">
						</a>
					</div>
				</td>
				<td class="p-info">
					<div class="p-title">
						<a target="_blank" href="/product-748">{{ls.title}}</a>
					</div>
				</td>
				<td class="p-price">￥{{ls.price}}</td>
				<td>
					<div class="p-quantity">
						<a href="javascript:void(0);" class="decrement">-</a>
						<input type="text" class="num" value="{{ls.amount}}">
						<a href="javascript:void(0);" class="increment">+</a>
					</div>
				</td>
				<td class="p-subtotal">￥{{ls.price * ls.amount}}</td>
				<td class="p-action">
					<a href="/passport-login" class="btn-fav">收藏</a>
					<i>|</i>
					<a href="javascript:void(0);" class="btn-delete">移除</a>
				</td>
			</tr>
			<div class="tbody_border" style="1px solid #ccc;width:100%;height:1px;"></div>
			{{/each}}
		</script>
	</body>

</html>